<style>
    .rich-panel-body {
        font-size: 13px;
    }
</style>
<f:view>
    <h:form>
        <h:outputText value="Posting in #{sessionBean.ejbSession.currentSite.site}"  style="font-size: 20px; font-weight: bold;"  rendered="#{sessionBean.ejbSession.job==null}"/>
        <h:outputText value="Posting in #{jobBean.job.site.site}"  style="font-size: 20px; font-weight: bold;"  rendered="#{sessionBean.ejbSession.job!=null}"/>
        <h:outputText value=", #{jobBean.area.area}"  style="font-size: 20px; font-weight: bold;" rendered="#{jobBean.areaId>0}"/>
        <br/>
        <h:outputText value="#{jobBean.job.title}"  style="font-size: 18px; font-weight: bold;"/>
        <h:outputText value=" - (#{jobBean.job.location})"  style="font-size: 18px; font-weight: bold;" rendered="#{jobBean.job.location!=null && jobBean.job.location!=''}" />
        <rich:separator height="1"/>
        <h:outputText value="Reply to: "/>
        <h:outputLink value="mailto:#{jobBean.job.email}" rendered="#{jobBean.job.typeReplyTo=='real email'}">
            <h:outputText value="#{jobBean.job.email}"></h:outputText>
        </h:outputLink>
        <h:outputText value="your anonymous eez2find address will appear here" style="font-style: italic;" rendered="#{sessionBean.ejbSession.job==null && jobBean.job.typeReplyTo=='masked email'}" />
        <h:outputLink value="mailto:job-#{jobBean.job.code}@eez2find.com" rendered="#{sessionBean.ejbSession.job!=null && jobBean.job.typeReplyTo=='masked email'}">
            <h:outputText value="job-#{jobBean.job.code}@eez2find.com"></h:outputText>
        </h:outputLink>
        <h:outputText value="see below" rendered="#{jobBean.job.typeReplyTo=='any email'}" />
        <br/>
        <h:outputText value="Date: #{jobBean.toDay}"/>
        <rich:spacer height="20"/>
        <rich:panel style="width:700px; border-color:white;">
            ${jobBean.description}
        </rich:panel>
        <ul>
            <c:if test="${jobBean.job.location!=null && jobBean.job.location!=''}"><li><h:outputText value="Location: #{jobBean.job.location}" /></li></c:if>
            <li><h:outputText value="Compensation: #{jobBean.job.compensation}"/></li>
            <c:if test="${jobBean.job.telecommuting}"><li><h:outputText value="Telecommuting is ok." /></li></c:if>
            <c:if test="${jobBean.job.partTime}"><li><h:outputText value="This is a part time job." /></li></c:if>
            <c:if test="${jobBean.job.contract}"><li><h:outputText value="This is a contract job." /></li></c:if>
            <c:if test="${jobBean.job.nonProfit}"><li><h:outputText value="This is at a non profit organization." /></li></c:if>
            <c:if test="${jobBean.job.intership}"><li><h:outputText value="This is an internship job." /></li></c:if>
            <c:if test="${jobBean.job.forPersonsDisabilities}"><li><h:outputText value="OK to highlight this job opening for persons with disabilities." /></li></c:if>
            <c:if test="${jobBean.job.directContact}"><li><h:outputText value="OK for recruiters to contact this job poster." /></li></c:if>
            <c:if test="${!jobBean.job.directContact}"><li><h:outputText value="Principals only. Recruiters, please don't contact this job poster." /></li></c:if>
            <c:if test="${jobBean.job.phoneCalls}"><li><h:outputText value="Phone calls about this job are ok." /></li></c:if>
            <c:if test="${!jobBean.job.phoneCalls}"><li><h:outputText value="Please, no phone calls about this job." /></li></c:if>
            <c:if test="${jobBean.job.othersContact}"><li><h:outputText value="You may contact job poster about other services, products or commercial interests." /></li></c:if>
            <c:if test="${!jobBean.job.othersContact}"><li><h:outputText value="Please do not contact job poster about other services, products or commercial interests." /></li></c:if>
        </ul>
        <rich:spacer height="10"/>
        <h:outputText value="Job Code: #{jobBean.job.code}" rendered="#{sessionBean.ejbSession.job!=null}" />
    </h:form>
    <h:form>
        <h:messages globalOnly="true" style="color: red" styleClass="errorMessage"/>
        <h:panelGrid columns="2">
            <h:outputLink value="/site/faces/jobPosting/create.jsp" rendered="#{sessionBean.ejbSession.job==null}">
                <h:outputText value="Back to Edit"></h:outputText>
            </h:outputLink>
            <h:outputLink value="/site/faces/jobPosting/edit.jsp" rendered="#{sessionBean.ejbSession.job!=null}">
                <h:outputText value="Back to Edit"></h:outputText>
            </h:outputLink>
            <h:commandButton id="submitCreate" type="submit" value="Create" action="#{jobBean.create}" rendered="#{sessionBean.ejbSession.job==null && sessionBean.ejbSession.currentSite.jobPrice==0}"/>
            <h:commandButton id="submitContinue" type="submit" value="Continue" action="#{jobBean.pay}" rendered="#{sessionBean.ejbSession.job==null && sessionBean.ejbSession.currentSite.jobPrice>0}"/>
            <h:commandButton id="submitUpdate" type="submit" value="Update" action="#{jobBean.update}" onclick="if(!confirm('Your Post has been edited. Are you sure?'))return false" rendered="#{sessionBean.ejbSession.job!=null}" />
        </h:panelGrid>
    </h:form>
    <rich:separator height="1" />
</f:view>